<template>
  <z-select
    v-model:value="value"
    style="width: 240px"
    :options="options"
    mode="multiple"
    placeholder="请选择"
    :max="4"
  />
  <!-- <br />
  <br />
  <z-select v-model:value="value1" style="width: 240px" mode="multiple" :max="3">
    <z-select-option
      v-for="(item, index) in options"
      :key="index"
      :value="item.value"
    >
      {{ item.label }}
    </z-select-option>
  </z-select> -->
</template>
<script>
import { defineComponent, ref } from 'vue'

export default defineComponent({
  name: 'SelectDemo5',
  setup(){
    const value = ref([])
    const value1 = ref([])
    const options = ref([
      {
        value: '1',
        label: 'jack',
        disabled: false
      },
      {
        value: '2',
        label: 'tom',
        disabled: false
      },
      {
        value: '3',
        label: 'lucy',
        disabled: false
      },
      {
        value: '4',
        label: 'rose',
        disabled: false
      },
      {
        value: '5',
        label: 'jane',
        disabled: false
      },
      {
        value: '6',
        label: 'lily',
        disabled: true
      }
    ])
    return {
      value,
      value1,
      options
    }
  }
})
</script>
